<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			#alls{
				margin: 0px;
				padding: 0px;
				width: 1020px;
				height: 800px;
				margin: 0 auto;
				position: relative;
			}
			#tou{
				margin: 0 auto;
				width: 1004px;
				height: 150px;
				background: url(img/h_bg.jpg);
				background-repeat: no-repeat;
			}
			#zhong{
				width: 1020px;
				height: 400px;
			}
			#dao{
				position: absolute;
				width: 750px;
				height: 20px;
				float: left;
				padding-top: 105px;
			}
			#dao ul li{
				list-style: none;
				display: block;
				float: left;
				padding-left: 30px;
			}
			#dao ul li a{
				text-decoration: none;
				color: black;
				
			}
			.jing1{
				width: 30px;
				height: 30px;
				background: url(img/icon.gif);
				background-repeat: no-repeat;
				background-position: 0px -1px;
			}
			.jing2{
				width: 30px;
				height: 30px;
				background: url(img/icon.gif);
				background-repeat: no-repeat;
				background-position: -35px -1px;
			}
			.jing3{
				width: 30px;
				height: 30px;
				background: url(img/icon.gif);
				background-repeat: no-repeat;
				background-position: -85px -1px;
			}
			.jing4{
				width: 30px;
				height: 30px;
				background: url(img/icon.gif);
				background-repeat: no-repeat;
				background-position: -125px -1px;
			}
			#jingtu ul{
				float: right;
				height: 5px;
				padding-right: 8px;
				padding-top: 12px;
			}
			#jingtu li{
				list-style: none;
				float: left;
			}
			#p1{
				position: relative;
				float: right;
				padding-top: 60px;
				padding-left: 280px;
			}
			#clear1{
				clear: both;
			}
			#left
			{
				float: left;
				width: 242px;
				height: 750px;
				padding-left: 20px;
			}
			#left1{
				width: 242px;
				height: 30px;
				background-color: #F4A460;
			}
			#left1 span{
				line-height: 30px;
			}
			#span1{
				float: left;
				color: white;
			}
			#span2{
				float: right;
				color: white;
			}
			#left2{
				width: 240px;
				height: 100px;
				clear: both;
			}
			#title{
				clear: both;
				width: 242px;
				height: 20px;
				background-color: lightgray;
			}
			#span3{
				line-height: 20px;
				color:coral;
			}
			#lei{
				width: 240px;
				height: 180px;
			}
			#lei ul
			{
				border: 1px solid gray;
				width: 240px;
				height: 120px;
				clear: both;
			}
			#lei li{
				float: left;
				width: 80px;
				height: 23px;
				list-style: none;
			}
			#center{
				width: 530px;
				height: 750px;
				float: left;
				padding-left: 10px;
			}
			#img1{
				
			}
			#tulie{
				width: 525px;
				height: 20px;
				background-color: #F4A460 ;
			}
			#tulie span{
				color: white;
				padding-left: 20px;
			}
			#meitu{
				width: 530px;
				padding-left: 20px;
			}
			#meitu ul{
				float: left;
				width: 170px;
				height: 135px;
			}
			#meitu li{
				padding: 5px;
				float: left;
				list-style: none;
			}
			#meitu li:nth-child(1)
			{
				border: 1px solid gray;
			}
			#right
			{
				float: left;
				width: 210px;
				height: 750px;
			}
			#right11{
				width: 210px;
				height: 30px;
				background-color: #F4A460;
			}
			#right11 span{
				line-height: 30px;
			}
			#right12{
				width: 210px;
				height: 50px;
			}
			#img2 img{
				float: left;
			}
			#img2{
				width: 210px;
				float: left;
				border: 1px solid gray;
			}
			#img2 li{
				float: left;
				list-style: none;
			}
			#right13{
				width: 210px;
				height: 30px;
				background-color: #F4A460;
				margin-top: 40px;
			}
			#right13 span{
				line-height: 30px;
			}
			#right14{
				clear: both;
				height: 230px;
				border: 1px solid gray;
				width: 210px;
			}
			#right14 ul{
				float: left;
				width: 220px;
			}
			#right14 li{
				float: left;
				list-style: none;
				height: 60px;
			}
			.a{
				height: 60px;
				line-height: 60px;
			}
			#right15{
				width: 210px;
				height: 200px;
				border: 1px solid gray;
				clear: both;
				margin-top: 30px;
			}
			#right15 span{
				padding-left: 20px;
				background-color:#DEB887 ;
			}
			#tb1{
				text-align: center;
				margin: 0 auto;
			}
			#tb1 td{
				padding: 10px;
			}
			#btn{
				background-color: #FF7F50;
			}
			#bottom1{
				width: 100%;
				text-align: center;
				height: 200px;
				clear: both;
				position: absolute;
			}
	    </style>
	</head>
	<body>
		<div id="alls">
		<div id="tou">
			<div id="jingtu">
				<ul>
					<li class="jing1"></li>
					<li><a href="buy.html">购物车</a></li>
					<li class="jing2"></li>
					<li>帮助中心</li>
					<li class="jing3"></li>
					<li>加入收藏</li>
					<li class="jing4"></li>
					<li>设为主页</li>
					<li>
						<a href="Login.html"><input type="button" value="登录" /></a>
						<a href="register.html"><input type="button" value="注册" /></a>
					</li>
				</ul>
			</div>
			<div id="p1">
				<p>您好！欢迎访问贵美商城!!!117年6月6日16点50分</p>
			</div>
			<div id="dao">
				<ul>
					<li><a href="homepage.html"><b>首页</b></a></li>
					<li><a href="#"><b>家用电器</b></a></li>
					<li><a href="dian.html"><b>手机数码</b></a></li>
					<li><a href="#"><b>日用百货</b></a></li>
					<li><a href="#"><b>书籍</b></a></li>
					<li><a href="help.html"><b>帮助中心</b></a></li>
					<li><a href="#"><b>免费开店</b></a></li>
					<li><a href="#"><b>全球咨询</b></a></li>
				</ul>
			</div>
			<div id="clear1"></div>
			
		</div>
		<div id="zhong">
		<div id="left">
			<div id="left1">
				<span id="span1"><b>商品分类</b></span>
				<span id="span2"><b>全部分类</b></span>
			</div>
			<div id="left2">
			<div id="title">
				<span id="span3"><b>家用电器</b></span>
			</div>
			<div id="lei">
				<ul>
					<li>大家电</li>
					<li>洗衣机</li>
					<li>平板电视</li>
					<li>电热水器</li>
					<li>家庭音响</li>
					<li>热水器</li>
					<li>空调冰箱</li>
					<li>冷柜</li>
					<li>DVD</li>
					<li>电视附件</li>
					<li>电燃气</li>
					<li>家电下乡</li>
					<li>家电服务</li>
					<li>电饭煲</li>
					<li>摄像机</li>
				</ul>
			</div>
			</div>
			<div id="left2">
			<div id="title">
				<span id="span3"><b>书籍</b></span>
			</div>
			<div id="lei">
				<ul>
					<li>大家电</li>
					<li>洗衣机</li>
					<li>平板电视</li>
					<li>电热水器</li>
					<li>家庭音响</li>
					<li>热水器</li>
					<li>空调冰箱</li>
					<li>冷柜</li>
					<li>DVD</li>
					<li>电视附件</li>
					<li>电燃气</li>
					<li>家电下乡</li>
					<li>家电服务</li>
					<li>电饭煲</li>
					<li>摄像机</li>
				</ul>
			</div>
			</div>
			<div id="left2">
			<div id="title">
				<span id="span3"><b>手机数码</b></span>
			</div>
			<div id="lei">
				<ul>
					<li>大家电</li>
					<li>洗衣机</li>
					<li>平板电视</li>
					<li>电热水器</li>
					<li>家庭音响</li>
					<li>热水器</li>
					<li>空调冰箱</li>
					<li>冷柜</li>
					<li>DVD</li>
					<li>电视附件</li>
					<li>电燃气</li>
					<li>家电下乡</li>
					<li>家电服务</li>
					<li>电饭煲</li>
					<li>摄像机</li>
				</ul>
			</div>
			</div>
			<div id="left2">
			<div id="title">
				<span id="span3"><b>日用百货</b></span>
			</div>
			<div id="lei">
				<ul>
					<li>大家电</li>
					<li>洗衣机</li>
					<li>平板电视</li>
					<li>电热水器</li>
					<li>家庭音响</li>
					<li>热水器</li>
					<li>空调冰箱</li>
					<li>冷柜</li>
					<li>DVD</li>
					<li>电视附件</li>
					<li>电燃气</li>
					<li>家电下乡</li>
					<li>家电服务</li>
					<li>电饭煲</li>
					<li>摄像机</li>
				</ul>
			</div>
			</div>
		</div>
		<div id="center">
			<div id="img1">
				<img src="img/ad-03.jpg" />
			</div>
			<div id="tulie">
				<span><b>疯狂抢购</b></span>
			</div>
			<div id="meitu">
				<ul>
					<li>
					<a href="info.html">	<img src="img/promote-1.jpg" /></a>
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/promote-2.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/promote-3.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/laser-pen.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/mouse.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/earphone.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/Wancom.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/Frame.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
				<ul>
					<li>
						<img src="img/notebook.jpg" />
					</li>
					<li>惠普商务移动应用英寸笔记本</li>
				</ul>
			</div>
		</div>
		<div id="right">
			<div id="right11">
				<span id="span1"><b>公告栏</b></span>
				<span id="span2"><b>全部分类</b></span>
			</div>
			<div id="right12">
				<div id="img2">
					<img src="img/bag.jpg" />
					<ul>
						<li>大学要求老师开网店</li>
						<li>安全锤网上大热销</li>
						<li>商城竟成网购试衣间</li>
						<li>2万网开十家连锁店</li>
					</ul>
				</div>
			</div>
			<div id="right13">
				<span id="span1"><b>新品上架</b></span>
				<span id="span2"><b>全部分类</b></span>
			</div>
			<div id="right14">
				<ul>
					<li>
						<img src="img/show1.jpg" />
					</li>
					<li class="a">大牌狂降价，三折直送</li>
				</ul>
				<ul>
					<li>
						<img src="img/show2.jpg"/>
					</li>
					<li class="a">大牌狂降价，三折直送</li>
				</ul>
				<ul>
					<li>
						<img src="img/show5.jpg" />
					</li>
					<li class="a">大牌狂降价，三折直送</li>
				</ul>
				<ul>
					<li>
						<img src="img/show4.jpg"/>
					</li>
					<li class="a">大牌狂降价，三折直送</li>
				</ul>
			</div>
			<div id="right15">
				<span>笔记本</span>
				<span>手机充值</span>
				<table id="tb1">
					<tr>
						<td>品牌：</td>
						<td>
							<select>
								<option>联想</option>
								<option>华硕</option>
								<option>惠普</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>尺寸：</td>
						<td>
							<select>
								<option>14英寸</option>
								<option>15.6英寸</option>
								<option>13英寸</option>
							</select>
						</td>
					</tr>
					<tr>
						<td>价格：</td>
						<td>
							<select>
								<option>4000以下</option>
								<option>5000以下</option>
								<option>6000以下</option>
							</select>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<input id="btn" type="button" value="查看折扣价" />
						</td>
					</tr>
				</table>
			</div>
		
		</div>
		</div>
		</div>
		<div id="bottom1">
		<p>友情链接： 百度 | Google | 雅虎 | 淘宝 | 拍拍 | 易趣 | 当当 | 京东商城 | 迅雷 | 新浪 | 网易 | 搜狐 | 猫扑 | 开心网 | 新华网 | 凤凰网</p>
		<hr />
		<p>COPYRIGHT 2003-2010 北京市贵美商城有限公司 ALL RIGHT RESERVED</p>
		<p>热线： 400-66-1360 Email:service@prd.com </p>
		<p>ICP: 沪ICP备05021104号</p>
		<div>
			<img src="img/img1.gif" />
			<img src="img/img2.gif" />
			<img src="img/img3.gif" />
			<img src="img/img4.gif" />
		</div>
		</div>
	</body>
</html>
